<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>领导决策支持系统</title>
	<link rel="stylesheet" type="text/css" href="asset/css/reset.css">
	<link rel="stylesheet" type="text/css" href="asset/css/font-awesome-4.4.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="asset/css/animate.css">
	<link rel="stylesheet" type="text/css" href="asset/css/login.css">
</head>
<body class="f-overflow-hidden">
	<div class="login-warper">
		<div class="login hidden box-shadow">
			<div class="login-header">
				<div class="logo hidden"></div>
			</div>
			<div class="login-form hidden">
				<div class="input-item input-item-username"><label><i class="fa fa-user"></i><input class="input username" type="text" placeholder="请输入用户名" /></label></div>
				<div class="input-item input-item-password"><label><i class="fa fa-key"></i><input class="input password" type="password" placeholder="请输入密码" /></label></div>
				<div class="input-item remberme"><label><input class="remberme" type="checkbox"/> 记住密码</label></div>
				<div class="button transition">登录</div>
			</div>
		</div>
		<div class="copyright hidden">版权所有：南通市统计局&nbsp;&nbsp;&nbsp;&nbsp;技术支持：江苏中威科技软件系统有限公司</div>
	</div>
</body>
<script type="text/javascript" src="asset/js/require.js"></script>
<script type="text/javascript">
	require(['jquery'],
	function($){
		'use strict';
		var callback=null;
		function a1(){
			return addAnimate('.login','flipInX',a2);
		}
		function a2(){
			return addAnimate('.logo','bounceIn',a3);
		}
		function a3(){
			return addAnimate('.login-form','zoomIn',a4);
		}
		function a4(){
			return addAnimate('.copyright','flipInX',callback);
		}
		addAnimate('.login-warper','fadeIn',a1);

		function addAnimate(target,cls,callback){
			$(target).removeClass('hidden').addClass('animated '+cls).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
				$(this).removeClass('animated '+cls);
				if(typeof callback=='function'){
					callback();
				}
			});
		}
		$('.button').on('click',function(){
			var username=$('.username').val(),
					password=$('.password').val();
			if(username==''){
				addAnimate('.input-item-username','tada',null);
				return;
			}
			if(password==''){
				addAnimate('.input-item-password','tada',null);
				return;
			}
			addAnimate('body','flipOutY',function(){
				$('body').addClass('hidden');
				location.href='main.html';
			});
		});
	});
</script>
</html>